var inicializarMedios ={
		
		
		f_listar_Tipos_medios  : function(datos){
			$("#p_tipoMedio").empty();
			var cadenaCombo = "<option value=''>SELECCIONE</option>";
			for(var i in datos){
				cadenaCombo += 	"<option value="+datos[i].codigo+">"+datos[i].descripcion+"</option>";
			}
			
			$("#p_tipoMedio").append(cadenaCombo);
		}
}



var cargarClientesPlanificacion = {
		f_pintarClientes : function(datos){
			$("#tabla_Clientes_body").empty();
			var cadenaTabla = "";
			for(var i in datos){
				if (i % 2 ==0 )
					cadenaTabla += "<tr class='F_CREMA'>";
				else
					cadenaTabla += "<tr  class='F_BLANCO'>";
				
				cadenaTabla += 	"<td align='center'><input type='radio' value='"+datos[i].codigo+"' name='p_seleccion' uid='"+ datos[i].razonSocial + "'></td>";
				cadenaTabla += 	"<td>"+datos[i].ruc+"</td>";
				cadenaTabla += 	"<td>"+datos[i].razonSocial+"</td>";
				cadenaTabla += 	"<td>"+datos[i].direccion+"</td>";
				cadenaTabla += "<tr>";
			}
			$("#tabla_Clientes_body").append(cadenaTabla);
		}
}


function cargarMedios(){
	
//	if($("#p_tipoMedio option").length == 0	){
			$.ajax({
			type		: "POST",
			url			: "/SisGesPubWeb/PlanificacionController",
			dataType 	: "text",
			data		: {
				accion	: "listarTiposMedios"	
			},
			success 	: function(data){
				console.log(data);
				var dataJSON = {"estado" : false};
				try {
					dataJSON = jQuery.parseJSON( data );
				} catch(e){};
				if(!dataJSON.estado){
					inicializarMedios.f_listar_Tipos_medios(dataJSON.respuesta)

				}
		  	},
			error 		: function( jqXHR, textStatus, errorThrown ){
		  		console.log(jqXHR);
		  		console.log(textStatus);
		  		console.log(errorThrown);
		  	
			}
		});
		
//	}
}


$(document).ready(function() {
	$("#p_fechaInicio").datepicker();
	$("#p_fechaAprobacion").datepicker();
	$("#tabs").tabs();
	
	
	
	function Seleccionar() {

		
		var table = $("#tabla_Clientes_body");
		var codigo ;
		var razonSocial = "";
		table.find('tr').each(function (i, el) {
	        var $input = $(this).find('input:radio');
	         	if($input != undefined){
	         		if($input.is(':checked')){
	         			codigo = $input.val();
		         		razonSocial = $input.attr("uid");	
	         		}
	         		
	         	}
	           
	
	    });
		$("#p_cliente").html(razonSocial);
		$("#p_codigoCliente").val(codigo);
		

		 dialog.dialog( "close" );
	      return true;
	    }
	
	
	var dialog,dialogroyecto,dialomedios, form;
	
	dialog = $( "#dialog-Cliente" ).dialog({
	      autoOpen: false,
	      height: 300,
	      width: 500,
	      modal: true,
	      buttons: {
	        "Seleccionar": Seleccionar,
	        Cancel: function() {
	          dialog.dialog( "close" );
	        }
	      },
	      close: function() {
 	    
	      }
	    });
	
	
	function AgregarProyecto(){
		
		var table = $("#tabla_Proyectos_body");
		var cantidadRegistros =  $("#tabla_Proyectos_body tr").length + 1;
		var registro = "<tr>";
		registro += "<td>"+ cantidadRegistros +"</td>";
		registro += "<td>"+ $("#p_descripcionPlaza").val() +"</td>";
		registro += "<td>"+ $("#p_participacionPlaza").val() +"</td>";
		registro += "</tr>";
		table.append(registro);
		dialogroyecto.dialog( "close" );
	}
	
	
	
	dialogroyecto = $( "#dialog-proyecto" ).dialog({
	      autoOpen: false,
	      height: 200,
	      width: 300,
	      modal: true,
	      buttons: {
	        "Agregar": AgregarProyecto,
	        Cancel: function() {
	        	dialogroyecto.dialog( "close" );
	        }
	      },
	      close: function() {
	    
	      }
	    });
	
	
	function AgregarMedios(){
		
		var table = $("#tabla_Medios_body");
		var cantidadRegistros =  $("#tabla_Medios_body tr").length + 1;
		var registro = "<tr>";
			registro += "<td>"+ $("#p_tipoMedio").val() +"</td>";
			registro += "<td>"+ $("#p_descripcionTipoMedio").val() +"</td>";
			registro += "<td>"+ $("#p_unidadTipoMedio").val() +"</td>";
			registro += "<td>"+ $("#p_cantidadTipoMedio").val() +"</td>";
			registro += "<td>"+ $("#p_monedaTipoMedio").val() +"</td>";
			registro += "<td>"+ $("#p_costoTipoMedio").val() +"</td>";
			registro += "<td>"+ $("#p_precioTipoMedio").val() +"</td>";
			registro += "</tr>";
		table.append(registro);
		dialogmedios.dialog( "close" );
	}
	
	dialogmedios = $( "#dialog-medios" ).dialog({
	      autoOpen: false,
	      height: 370,
	      width: 450,
	      modal: true,
	      buttons: {
	        "Agregar": AgregarMedios,
	        Cancel: function() {
	        	dialogmedios.dialog( "close" );
	        }
	      },
	      close: function() {
	    
	      }
	    });
	
	
	form = dialog.find( "form" ).on( "submit", function( event ) {
	      event.preventDefault();
	  //    addUser();
	    });
	
	
	$("#obtenerCliente").click(function(e){
		e.preventDefault();
		dialog.dialog( "open" );

	});
	
	
	$("#nuevoProyecto").click(function(e){
		e.preventDefault();
		$("#p_descripcionPlaza").val("");
		$("#p_participacionPlaza").val("");
	
		dialogroyecto.dialog( "open" );

	});
	
	$("#nuevoMedio").click(function(e){
		e.preventDefault();
		
		$("#p_tipoMedio").val("");
		$("#p_descripcionTipoMedio").val("");
		$("#p_unidadTipoMedio").val("");
		$("#p_cantidadTipoMedio").val("");
		$("#p_monedaTipoMedio").val("");
		$("#p_costoTipoMedio").val("");
		$("#p_precioTipoMedio").val("");
		dialogmedios.dialog( "open" );
		cargarMedios();
	});
	
	
	$("#buscarClientePlanificacion").click(function(e){
		e.preventDefault();
		$.ajax({
			type		: "POST",
			url			: "/SisGesPubWeb/CampanhaController",
			data		: {
				accion	: "buscarCliente",
				razonSocial: $("#p_razonSocialCliente").val()
			},
			dataType 	: "text",
			success 	: function(data){
				var dataJSON = {"estado" : false};
				try {
					dataJSON = jQuery.parseJSON( data );
				} catch(e){};
				if(!dataJSON.estado){
					cargarClientesPlanificacion.f_pintarClientes(dataJSON.respuesta);
				}
		  	},
			error 		: function( jqXHR, textStatus, errorThrown ){
		  		console.log(jqXHR);
		  		console.log(textStatus);
		  		console.log(errorThrown);
		  	
			}
		});
		
		
	});
	
	var Proyecto = function (plan, codigo, descripcion, participacion) {
		  this.plan 			= plan,
		  this.codigo 			= codigo,
		  this.descripcion 		= descripcion,
		  this.participacion	= participacion
	};
		
	
	var TipoMedioPlanificacion = function (plan,tipoMedio, descripcion, unidad, cantidad, moneda, costo, precio) {
		  this.plan					= plan
		  this.tipoMedio 			= tipoMedio,
		  this.descripcion 			= descripcion,
		  this.unidad 				= unidad,
		  this.cantidad				= cantidad, 
		  this.moneda				= moneda,
		  this.costo				= costo,
		  this.precio				= precio
	};
	
	function cargarListadoProyectos(){
		 var table = $("#tabla_Proyectos_body");
		 var proyecto = null;
		 var proyectos = [];
		 table.find('tr').each(function (i, el) {
		        var $tds = $(this).find('td'),
		        proyecto = new Proyecto($tds.eq(0).text(), 0, $tds.eq(1).text(), $tds.eq(2).text());
		        proyectos[i] = proyecto;
		    });
		   
		
		   
		 return proyectos;
	};
	
	function cargarListadoTiposMedio(){
		 var table = $("#tabla_Medios_body");
		 var tipoMedio = null;
		 var tiposMedios = [];
		 table.find('tr').each(function (i, el) {
		        var $tds = $(this).find('td'),
		        tipoMedio = new TipoMedioPlanificacion(0,$tds.eq(0).text(), $tds.eq(1).text(), $tds.eq(2).text(), $tds.eq(3).text(), $tds.eq(4).text(), $tds.eq(5).text(), $tds.eq(6).text());
		        tiposMedios[i] = tipoMedio;
		    });
				   
		 return tiposMedios;
	};
	
		
	$("#guardarPlanificacion").click(function(e){
		e.preventDefault();
		var proyectos 					= cargarListadoProyectos();
		var tiposMediosPlanificacion 	= cargarListadoTiposMedio();
		
		var jsonProyectos = JSON.stringify(proyectos);
		var jsonTiposMedios = JSON.stringify(tiposMediosPlanificacion);
		
		$.ajax({
			type			: "POST",
			url				: "/SisGesPubWeb/PlanificacionController",
			data			: {
				accion			: "guardarPlanificacion",
				version			: $("#p_version").val(),
				estado			: $("#p_estado").val(),
				cliente			: $("#p_codigoCliente").val(),
				fechaInicio		: $("#p_fechaInicio").val(),
				nombreCampanha	: $("#p_nombreCampanha").val(),
				fechaAprobacion	: $("#p_fechaAprobacion").val(),
				concepto		: $("#p_concepto").val(),
				proyectos		: jsonProyectos,
				tiposMedio		: jsonTiposMedios,
				comentario		: $("#p_comentarios").val()
			},
			dataType 	: "text",
			success 	: function(data){
				var dataJSON = {"estado" : false};
				try {
					dataJSON = jQuery.parseJSON( data );
				} catch(e){};
				if(!dataJSON.estado){
					$("#p_codigoPlan").val(dataJSON.respuesta);
				}
		  	},
			error 		: function( jqXHR, textStatus, errorThrown ){
		  		console.log(jqXHR);
		  		console.log(textStatus);
		  		console.log(errorThrown);
		  	
			}
		});
	});
	
});